.transition, p, ul li i:before, ul li i:after {transition:all 0.25s ease-in-out;}
.flipIn, h1, ul li {animation:flipdown 0.5s ease both;}
.no-select, h2 {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/*html {width:100%;height:100%;perspective:900;overflow-y:scroll;background-color:#dce7eb;font-family:"Titillium Web", sans-serif;color:rgba(48, 69, 92, 0.8);}
body {min-height:0;display:inline-block;position:relative;left:50%;margin:90px 0;transform:translate(-50%, 0);box-shadow:0 10px 0 0 #ff6873 inset;background-color:#fefffa;max-width:450px;padding:30px;}
@media (max-width:550px) {body {box-sizing:border-box;transform:translate(0, 0);max-width:100%;min-height:100%;margin:0;left:0;}}*/
@media all and (max-width:640px) {h1 {font-size:17px;line-height:24px;}}
@media all and (min-width:641px) {h1 {font-size:18px;line-height:26px;}}
@media all and (min-width:768px) {h1 {font-size:20px;line-height:28px;}}
@media all and (min-width:992px) {h1 {font-size:26px;line-height:38px;}}
@media all and (min-width:1200px) {h1 {font-size:32px;line-height:44px;}}
h1 {text-transform:uppercase;color:#d30113;letter-spacing:0px;font-weight:600;font-family:Arial;}
/*@media all and (max-width:640px) {.ss-ttl-wrap {height:75px;}}
@media all and (min-width:641px) {.ss-ttl-wrap {height:85px;}}
@media all and (min-width:768px) {.ss-ttl-wrap {height:90px;}}
@media all and (min-width:992px) {.ss-ttl-wrap {height:100px;}}
@media all and (min-width:1200px) {.ss-ttl-wrap {height:100px;}}*/
.ss-ttl-wrap {float:left;}
/*@media all and (max-width:640px) {.ss-ttl-wrap .attr1 {margin:8px 20px 0 10px;width:80px;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;-ms-border-radius:40px;-khtml-border-radius:40px;-o-border-radius:40px;background:#fff;font:normal 12px/40px "NanumGothic";color:#fff;text-align:center;}}
@media all and (min-width:641px) {.ss-ttl-wrap .attr1 {margin:8px 20px 0 20px;width:100px;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-ms-border-radius:50px;-khtml-border-radius:50px;-o-border-radius:50px;background:#fff;font:normal 12px/50px "NanumGothic";color:#fff;text-align:center;}}
@media all and (min-width:768px) {.ss-ttl-wrap .attr1 {margin:8px 25px 0 20px;width:100px;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-ms-border-radius:50px;-khtml-border-radius:50px;-o-border-radius:50px;background:#fff;font:normal 12px/50px "NanumGothic";color:#fff;text-align:center;}}
@media all and (min-width:992px) {.ss-ttl-wrap .attr1 {margin:8px 30px 0 20px;width:120px;border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px;-ms-border-radius:60px;-khtml-border-radius:60px;-o-border-radius:60px;background:#fff;font:normal 12px/120px "NanumGothic";color:#fff;text-align:center;}}
@media all and (min-width:1200px) {.ss-ttl-wrap .attr1 {margin:8px 30px 0 25px;width:120px;border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px;-ms-border-radius:60px;-khtml-border-radius:60px;-o-border-radius:60px;background:#fff;font:normal 12px/120px "NanumGothic";color:#fff;text-align:center;}}*/
@media all and (max-width:640px) {.ss-ttl-wrap .attr1 {margin:8px 20px 0 10px;width:80px;background:#fff;font:normal 12px/40px "NanumGothic";color:#fff;text-align:center;}}
@media all and (min-width:641px) {.ss-ttl-wrap .attr1 {margin:8px 20px 0 20px;width:100px;background:#fff;font:normal 12px/50px "NanumGothic";color:#fff;text-align:center;}}
@media all and (min-width:768px) {.ss-ttl-wrap .attr1 {margin:8px 25px 0 20px;width:100px;background:#fff;font:normal 12px/50px "NanumGothic";color:#fff;text-align:center;}}
@media all and (min-width:992px) {.ss-ttl-wrap .attr1 {margin:8px 30px 0 20px;width:120px;background:#fff;font:normal 12px/120px "NanumGothic";color:#fff;text-align:center;}}
@media all and (min-width:1200px) {.ss-ttl-wrap .attr1 {margin:8px 30px 0 25px;width:120px;background:#fff;font:normal 12px/120px "NanumGothic";color:#fff;text-align:center;}}
.ss-ttl-wrap .attr1 {float:left;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-khtml-border-radius:4px;-o-border-radius:4px;}
@media all and (max-width:640px) {.ss-ttl-wrap h2.ss-ttl {font-size:15px;margin:7px 0 0 10px;}}
@media all and (min-width:641px) {.ss-ttl-wrap h2.ss-ttl {font-size:17px;margin:15px 0 0 20px;}}
@media all and (min-width:768px) {.ss-ttl-wrap h2.ss-ttl {font-size:16px;margin:15px 0 0 15px;}}
@media all and (min-width:992px) {.ss-ttl-wrap h2.ss-ttl {font-size:17px;margin:20px 0 0 20px;}}
@media all and (min-width:1200px) {.ss-ttl-wrap h2.ss-ttl {font-size:17px;margin:20px 0 0 30px;}}
.ss-ttl-wrap h2.ss-ttl {color:#c69513;font-weight:600;cursor:pointer;}
@media all and (max-width:640px) {.ss-ttl-sub {font-size:14px;margin:5px 0 0 10px;line-height:20px;}}
@media all and (min-width:641px) {.ss-ttl-sub {font-size:15px;margin:5px 0 0 20px;line-height:22px;}}
@media all and (min-width:768px) {.ss-ttl-sub {font-size:15px;margin:4px 0 0 15px;line-height:22px;}}
@media all and (min-width:992px) {.ss-ttl-sub {font-size:16px;margin:6px 0 0 20px;line-height:22px;}}
@media all and (min-width:1200px) {.ss-ttl-sub {font-size:16px;margin:6px 0 0 30px;line-height:24px;}}
.ss-ttl-sub {color:#000/*5a320e 7690d9*/;font-weight:400;}
.ss-ttl-sub a {color:#000}
.ss-ttl-sub a:hover {color:#000;text-decoration:underline}
@media all and (max-width:640px) {.ss-ttl-cont {padding:20px 15px;font-size:14px;line-height:20px;}}
@media all and (min-width:641px) {.ss-ttl-cont {padding:20px 20px 20px 30px;font-size:15px;line-height:22px;}}
@media all and (min-width:768px) {.ss-ttl-cont {padding:20px 20px 20px 30px;font-size:14px;line-height:22px;}}
@media all and (min-width:992px) {.ss-ttl-cont {padding:20px 20px 20px 40px;font-size:14px;line-height:24px;}}
@media all and (min-width:1200px) {.ss-ttl-cont {padding:20px 30px 20px 40px;font-size:14px;line-height:24px;}}
.ss-ttl-cont {overflow:hidden;width:95%;margin:0 auto;background:#fff;position:relative;color:#797979;opacity:1;transform:translate(0, 0);z-index:2;/*max-height:800px;*/}
ul.success-story {list-style:none;perspective:900;padding:0;margin:0;}
ul.success-story li {padding:15px 10px 0 10px;margin-bottom:2px;border-bottom:1px solid #b18531;background:rgba(250,252,255,.90)/*(252,252,248,.80)*/;}
ul.success-story li:hover {background:rgba(255,255,255,.80);}
ul.success-story li:first-child {border-top:6px solid #ead6c3;}
ul.success-story li:nth-of-type(1) {animation-delay:0.5s;}
ul.success-story li:nth-of-type(2) {animation-delay:0.75s;}
ul.success-story li:nth-of-type(3) {animation-delay:1s;}
ul.success-story li:nth-of-type(4) {animation-delay:1.25s;}
ul.success-story li:nth-of-type(5) {animation-delay:1.5s;}
ul.success-story li:nth-of-type(6) {animation-delay:1.75s;}
ul.success-story li:nth-of-type(7) {animation-delay:2s;}
ul.success-story li:last-of-type {border-bottom:6px solid #875c35;}
ul.success-story li i {transform:translate(-6px, 0);}
@media all and (max-width:640px) {ul.success-story li i:before {content:"";position:absolute;right:30px;top:25px;background-color:#d57772;width:3px;height:9px;}}
@media all and (min-width:641px) {ul.success-story li i:before {content:"";position:absolute;right:40px;top:55px;background-color:#ba7b00;width:3px;height:9px;}}
@media all and (min-width:768px) {ul.success-story li i:before {content:"";position:absolute;right:50px;top:60px;background-color:#d4c291;width:6px;height:12px;}}
@media all and (max-width:640px) {ul.success-story li i:after {content:"";position:absolute;right:30px;top:25px;background-color:#d57772;width:3px;height:9px;}}
@media all and (min-width:641px) {ul.success-story li i:after {content:"";position:absolute;right:40px;top:55px;background-color:#ba7b00;width:3px;height:9px;}}
@media all and (min-width:768px) {ul.success-story li i:after {content:"";position:absolute;right:50px;top:60px;background-color:#d4c291;width:6px;height:12px;}}
ul.success-story li i:before {transform:translate(-2px, 0) rotate(45deg);}
ul.success-story li i:after {transform:translate(2px, 0) rotate(-45deg);}
ul.success-story li input[type=checkbox] {position:absolute;cursor:pointer;width:100%;height:100%;z-index:1;opacity:0;}
ul.success-story li input[type=checkbox]:checked ~ p {margin-top:0;max-height:0;opacity:0;transform:translate(0, 50%);}
ul.success-story li input[type=checkbox]:checked ~ i:before {transform:translate(2px, 0) rotate(45deg);}
ul.success-story li input[type=checkbox]:checked ~ i:after {transform:translate(-2px, 0) rotate(-45deg);}
@media all and (max-width:640px) {ul.success-story li img.attr2 {margin-bottom:20px;max-width:100%;}}
@media all and (min-width:641px) {ul.success-story li img.attr2 {margin-left:15px;width:150px;}}
@media all and (min-width:768px) {ul.success-story li img.attr2 {margin-left:15px;width:150px;}}
@media all and (min-width:992px) {ul.success-story li img.attr2 {margin-left:15px;width:150px;}}
@media all and (min-width:1200px) {ul.success-story li img.attr2 {margin-left:20px;width:200px;}}
ul.success-story li img.attr2 {float:right;}
@keyframes flipdown {0% {opacity:0;transform-origin:top center;transform:rotateX(-90deg);}5% {opacity:1;}80% {transform:rotateX(8deg);}83% {transform:rotateX(6deg);}92% {transform:rotateX(-3deg);}100% {transform-origin:top center;transform:rotateX(0deg);}}
@media all and (max-width:640px) {ul.content-sub1 li {background:url('/d_images/arrow01-h9.png') 0 6px no-repeat transparent;margin:3px 0 0 -30px;line-height:19px;font-size:14px}}
@media all and (min-width:641px) {ul.content-sub1 li {background:url('/d_images/arrow01-h9.png') 0 6px no-repeat transparent;margin:5px 0 0 -20px;line-height:21px;font-size:15px}}
@media all and (min-width:768px) {ul.content-sub1 li {background:url('/d_images/arrow01-h9.png') 0 7px no-repeat transparent;margin:5px 0 0 -20px;line-height:20px;font-size:14px}}
@media all and (min-width:992px) {ul.content-sub1 li {background:url('/d_images/arrow01-h9.png') 0 7px no-repeat transparent;margin:5px 0 0 -20px;line-height:20px;font-size:14px}}
@media all and (min-width:1200px) {ul.content-sub1 li {background:url('/d_images/arrow01-h9.png') 0 8px no-repeat transparent;margin:5px 0 0 -20px;line-height:22px;font-size:14px}}
ul.content-sub1 li {list-style:none outside;padding:0 0 0 15px;text-align:left;color:#4c4c4c;}
ul.content-sub1 a {color:#006000}
ul.content-sub1 a:hover {color:#db0000;text-decoration:underline}